<template>
  <video-play width="100%" height="80vh" :src="videoStore.videoSrc"></video-play>
</template>
<script setup lang="ts">
import { ref, reactive, onMounted } from "vue";
import { useRoute } from "vue-router";
import "vue3-video-play/dist/style.css";
import { videoPlay } from "vue3-video-play";
import { useVideoPlay } from "../../store/videoPlay";
type Q = {
  id?: string;
};
type Query = {
  query: Q;
};
const { query }: Query = useRoute();
const videoStore = useVideoPlay();
onMounted(() => {
  videoStore.actionVideoSrc(query.id || '');
});
</script>
<style scoped lang="scss"></style>
